<html>
	<head>
		<title>表格组件</title>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/table.js"></script>
		<script type="text/javascript">
			window.onload = function() {
				table({
					grid:{
						container:"table",
						id:"test",
						width:800,height:300,
						row:10,column:5,
						style:{
							tr:{
								class:["tr_css1","tr_css2"]
							},
							td:{
								class:["td_css"]
							}
						}
					}
				}).load([["1","2"],["6","5"]],function(row,column,data) {
					column.innerHTML = data;
				});
			}
		</script>
		<style type="text/css">
			.td_css {
				text-align:center;
				border:1px solid gray;
			}
			.tr_css1 {
				background-color:#CCCC99;
			}
			
			.tr_css2 {
				background-color:#CC9999;
			}
			
			.tr_css1:hover {
				background-color:#99CCCC;
			}
			
			.tr_css2:hover {
				background-color:#99CCCC;
			}
		</style>
	</head>
	<body>
		<div id="table"></div>
	</body>
</html>